<template>
  <div id="app">
    <!-- <chart1></chart1><br><br> -->
    <!-- <chart2></chart2><br><br> -->
    <!-- <chart4></chart4><br><br> -->
    <!-- <chart5></chart5><br><br> -->
    <!-- <chart7></chart7><br><br> -->
    <!-- <chart8></chart8><br><br> -->
    <!-- <chart13></chart13><br><br> -->
    <!-- <chart14></chart14><br><br> -->
    <!-- <chart15></chart15><br><br> -->
    <!-- <chart17></chart17><br><br> -->
    <!-- <chart19></chart19><br><br> -->
    <!-- <chart20></chart20><br><br> -->
    <!-- <chart21></chart21><br><br> -->
    <!-- <chart22></chart22><br><br> -->
    <!-- <chart23></chart23><br><br> -->
    <!-- <chart24></chart24><br><br> -->
    <!-- <chart25></chart25><br><br> -->
    <!-- <chart26></chart26><br><br> -->

    <!-- <panel2></panel2> -->
    <!-- <panel3-1></panel3-1> -->
    <!-- <panel3-2></panel3-2> -->
    <!-- <panel4-1></panel4-1> -->
    <panel4-2></panel4-2>
  </div>
</template>

<script>
import chart1 from "./components/chart_1.vue";
import chart2 from "./components/chart_2.vue";
import chart4 from "./components/chart_4.vue";
import chart5 from "./components/chart_5.vue";
import chart7 from "./components/chart_7.vue";
import chart8 from "./components/chart_8.vue";
import chart13 from "./components/chart_13.vue";
import chart14 from "./components/chart_14.vue";
import chart15 from "./components/chart_15.vue";
import chart17 from "./components/chart_17.vue";
import chart19 from "./components/chart_19.vue";
import chart20 from "./components/chart_20.vue";
import chart21 from "./components/chart_21.vue";
import chart22 from "./components/chart_22.vue";
import chart23 from "./components/chart_23.vue";
import chart24 from "./components/chart_24.vue";
import chart25 from "./components/chart_25.vue";
import chart26 from "./components/chart_26.vue";

import panel2 from "./components/panel_2";
import panel3_1 from "./components/panel_3_1";
import panel3_2 from "./components/panel_3_2";
// import panel4 from "./components/panel_4_1";
import panel4_2 from "./components/panel_4_2";
export default {
  name: "App",
  components: {
    chart1: chart1,
    chart2: chart2,
    chart4: chart4,
    chart5: chart5,
    chart7: chart7,
    chart8: chart8,
    chart13: chart13,
    chart14: chart14,
    chart15: chart15,
    chart17: chart17,
    chart19: chart19,
    chart20: chart20,
    chart21: chart21,
    chart22: chart22,
    chart23: chart23,
    chart24: chart24,
    chart25: chart25,
    chart26: chart26,

    panel2: panel2,
    "panel3-1": panel3_1,
    "panel3-2": panel3_2,
    "panel4-2": panel4_2,
  },
  methods: {
    getImg(imgName) {
      return require(`./assets/${imgName}.png`);
    },
  },
};
</script>
<style>
#app {
  background: #999;
}
</style>
